﻿
	/*右下角*/
	.contact{
		position: fixed;
		right: 30px;
		bottom: 0px;
		z-index: 9999;
		cursor: pointer;
	}
	.contact > div{
		width: 50px;
		height: 50px;
		background-size: 100% 100%;
	}
	.contact .local {
	  background-image: url(../images/local.png);
	  background-size: 60% 60%;
	  background-repeat: no-repeat;
	  background-position: center;
	  width: 30px;
	  height: 30px;
	  margin: 0 auto 10px;
	  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
	  border-radius: 50%;
	  background-color: #118fc1;
	}
	.local .localDiv {
	  width: 265px;
	  height: 217px;
	  position: absolute;
	  bottom: 40px;
	  right: 7px;
	  font-size: 12px;
	  background: url(../images/cloud.png) no-repeat;
	  background-size: 220px auto;
	  cursor: initial;
	  z-index: -1;
	}
	.localDiv .localTitle {
		padding: 42px 10px 6px;
    text-align: center;
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    font-weight: 500;
    color: #582A09;
	}
	.localTitle{
    margin-right: -29px;
    margin-top: 10px;

	}
	.localDiv .localDetail{
		margin-left: 99px;
    width: 240px;
    font-size: 10px;
    font-weight: 500;
    color: #582A09;
	}
	.localDetail{
	 letter-spacing: 1px;
	}
	.localDiv .localDetail p {
		padding: 3px 0;
	}
	.localDiv .close {
		position: absolute;
    top: 6px;
    right: 66px;
    width: 24px;
    height: 22px;
    font-size: 26px;
    border-radius: 50%;
    box-shadow: 0 0 1px #aaa;
    text-align: center;
    line-height: 25px;
    color: #582A09;
    background-color: #fff;
    cursor: pointer;
	}
	.contact_qq{
	  width: 50px;
	  height: 50px;
	  background-size: 100% 100%;
	  background-image: url(../images/e1.png);
	}
	.advanced-container{
		width: 50px;
		height: 50px;
		background-size: 100% 100%;
		background-image: url(../images/advanced1.png);
	}
	.advanced-container:hover{
	background-image: url(../images/advanced2.png);


	}
	.contact_qq:hover{
	  background-image: url(../images/e2.png);
	}
	.contact_wx{
	  background-image: url(../images/wei2.png);
	}
	.contact_wx:hover{
	  background-image: url(../images/wei1.png);
	}
	.scroll{
	  background-image: url(../images/scroll_up.png);
	}
	.scroll:hover{
	  background-image: url(../images/scroll_up2.png);
	}
	.covercode{
		display: none;
		width: 125px;
		height: 145px;
		border-radius: 5px;
		background-color: #eef3ee;
		position: absolute;
		right: 70px;
		bottom: 30px;
		text-align: center;
		animation:fadeInUp 1.5s .2s ease both;
		-webkit-animation:fadeInUp 1.5s .2s ease both;
		-moz-animation:fadeInUp 1.5s .2s ease both;
		-ms-animation:fadeInUp 1.5s .2s ease both;
	}
	.covercode p{
		font-size: 12px;
	}
	.active{
		display: block;
	}
	.covercode img{
		width: 90px;
		height: 90px;
		margin-top: 10px;
	}
	/*end*/